<div class="all-box" id="print">
  <!-- 提示信息 -->
  <app-tip [type]="'error'"></app-tip>

  <!--<div class="header">-->
    <!--<div class="left flex" [routerLink]="['/main']" [queryParams]="{'scrollTop': scrollTop}" id="btn-back">-->
      <!--<div class="left-icon">-->
        <!--<i class="fa fa-angle-left back-icon" aria-hidden="true"></i>-->
      <!--</div>-->
      <!--<div class="left-name">-->
        <!--<span class="back-name">返回</span>-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="center">订单详情</div>-->
    <!--<div class="right" [routerLink]="['/main/order/order-record']" [queryParams]="{orderId: orderId, tid: tid}">-->
      <!--<i class="fa fa-list-ul"></i> 操作记录-->
    <!--</div>-->
  <!--</div>-->

  <div style="display: flex;height: 100%">
    <div class="left-nav" style="">
      <div [routerLink]="['/main']" [queryParams]="{'scrollTop': scrollTop}">返回</div>
      <div [routerLink]="['/main/index']" [queryParams]="{addOrderId: orderId}">加菜</div>
      <div [routerLink]="['/main/order/order-recall']" [queryParams]="{orderId: orderId, tid: tid}">退菜</div>
      <div [routerLink]="['/main/order/change-table-settings']" [queryParams]="{tid: tid, tableClass: tableClass, tableName:tableName, orderId: orderId,orderNum: orderNum}">换台</div>
      <div [routerLink]="['/main/order/combine-table-settings']" [queryParams]="{tid: tid, tableClass: tableClass, tableName:tableName, orderId: orderId, orderNum: orderNum}">并台</div>
      <div [routerLink]="['/main/order/order-record']" [queryParams]="{orderId: orderId, tid: tid}">操作记录</div>
    </div>
    <div class="main" style="width: 40%;height: 96%;margin: 1% 2% 1% 0;overflow: hidden;position: relative">
      <div class="foot-list" style="">
        <!--<div class="set-box">-->
          <!--<div class="set-head" style="" (click)="changeFood()">-->
            <!--&lt;!&ndash;<div class="left"><i class="fas fa-cog" style="color: #f39801"></i> 菜品设置</div>&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="center"><span class="yami-btn" style="" [routerLink]="['/main/index']"&ndash;&gt;-->
                                      <!--&lt;!&ndash;[queryParams]="{addOrderId: orderId}"><i class="fa fa-plus-square"></i> 加菜</span></div>&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="right"><span class="yami-btn" [routerLink]="['/main/order/order-recall']"&ndash;&gt;-->
                                     <!--&lt;!&ndash;[queryParams]="{orderId: orderId, tid: tid}"><i class="fa fa-minus-square"></i> 退菜</span>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--<span class="yami-btn" style="" [routerLink]="['/main/index']"-->
                  <!--[queryParams]="{addOrderId: orderId}"><i class="fa fa-plus-square"></i> 加菜</span>-->
            <!--<span class="yami-btn" [routerLink]="['/main/order/order-recall']"-->
                  <!--[queryParams]="{orderId: orderId, tid: tid}"><i class="fa fa-minus-square"></i> 退菜</span>-->
            <!--<span class="yami-btn" style="background: #8666b8;"-->
                  <!--[routerLink]="['/main/order/change-table-settings']"-->
                  <!--[queryParams]="{tid: tid, tableClass: tableClass, tableName:tableName, orderId: orderId,orderNum: orderNum}"><i-->
              <!--class="fa fa-retweet"></i> 换台</span>-->
            <!--<span class="yami-btn" style="background: #bd7b46"-->
                  <!--[routerLink]="['/main/order/combine-table-settings']"-->
                  <!--[queryParams]="{tid: tid, tableClass: tableClass, tableName:tableName, orderId: orderId, orderNum: orderNum}"><i-->
              <!--class="fa fa-compress"></i> 并台</span>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="set-box" style="margin-bottom: 0.5em;">-->
          <!--<div class="set-head" style="margin-bottom: 0.5em" (click)="changTable()">-->
            <!--<div class="left"><i class="fa fa-th-large" aria-hidden="true" style="color: #f39801"></i> 餐桌设置</div>-->
            <!--<div class="center"><span class="yami-btn" style="background: #8666b8;"-->
                                      <!--[routerLink]="['/main/order/change-table-settings']"-->
                                      <!--[queryParams]="{tid: tid, tableClass: tableClass, tableName:tableName, orderId: orderId,orderNum: orderNum}"><i-->
              <!--class="fa fa-retweet"></i> 换台</span></div>-->
            <!--<div class="right"><span class="yami-btn" style="background: #bd7b46"-->
                                     <!--[routerLink]="['/main/order/combine-table-settings']"-->
                                     <!--[queryParams]="{tid: tid, tableClass: tableClass, tableName:tableName, orderId: orderId, orderNum: orderNum}"><i-->
              <!--class="fa fa-compress"></i> 并台</span></div>-->
          <!--</div>-->
        <!--</div>-->

        <!--<div class="set-box" style="margin-bottom: 1em;" [routerLink]="['/main/order/order-record']"-->
        <!--[queryParams]="{orderId: orderId, tid: tid}">-->
        <!--<div class="set-head" style="margin-bottom: 0.5em">-->
        <!--<div class="left"><i class="fa fa-list-ul" aria-hidden="true" style="color: #f39801"></i> 操作记录</div>-->
        <!--<div class="right" style="text-align: right;color: #666;"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>-->
        <!--</div>-->
        <!--</div>-->

        <div class="description flex" style="justify-content: space-between;">
          <div class="">下单人：{{orderUser}}</div>
          <div class=""><i class="fa fa-clock"></i> {{orderTime}}</div>
        </div>

        <div class="title">
          <span style="float: left;padding-left: 1.2em;">已点菜品</span> <span
          style="float: right;padding-right: 1.2em;"><span>x</span> {{countNumber}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥{{countPrice | price}}</span>
        </div>


        <div class="foodList" style="">
          <div class="food-item1" *ngFor="let v of orderList">
            <div class="food-item1-top">
              <div class="left"><img src="{{v.figure_url}}?x-oss-process=image/resize,w_110,h_80" alt=""
                                     style="border-radius: 5px;"></div>
              <div class="center">
                <div class="title-name">{{v.food_name}}</div>
                <div class="num">数量：{{v.num}}</div>
                <div class="num"><span style="color: #dd514c">单价：{{v.price | price}}</span></div>
                <div class="num">小计：<span style="color: #f39801;font-weight: 600">{{v.total_price | price}}</span></div>
              </div>
              <!--<div class="right" style="width: 4em;">-->
                <!--<div class="price" style="position: relative"><span-->
                  <!--style="position: absolute;right: 10px;top:2.7em;color: #f39801;font-size: 1.1em;font-weight: 600">￥{{v.total_price | price}}</span>-->
                <!--</div>-->
              <!--</div>-->
            </div>
            <div class="desc" *ngIf="v.practice"><span style="color: #666;">规格：</span>{{v.practice}}</div>
          </div>
        </div>
      </div>
    </div>

    <!--收银-->
    <div class="desk-pay" style="width: 48%;margin: 1% 0;overflow-y: scroll;">
      <!--<div style="border-bottom: 1px dashed red;text-align: center;">结算</div>-->
      <ul class="payBtnList" style="padding: 0">
        <li class="description flex">
          <div class="left">订单总价：￥{{countPrice | price}}</div>
          <!--<div class="right"><i class="fa fa-clock"></i> {{orderTime}}</div>-->
        </li>
        <li class="description flex">
          <div class="left">订单备注：<input type="text" class="inpTxt" [(ngModel)]="remark"></div>
          <!--<div class="right"><i class="fa fa-clock"></i> {{orderTime}}</div>-->
        </li>
        <li class="description">
          <div class="left">选择折扣：<br><br>
            <div class="yami-btn" (click)="handpart()" [ngClass]="{'yami-btn-success':is_smear_zero=='1'}">抹零付</div>
            <div *ngFor="let v of discountList" class="yami-btn" [ngClass]="{'yami-btn-success':checkedDiscount.id===v.id}" (click)="checkDiscountClick(v)">{{v.discount_name}}</div>
          </div>
        </li>
        <li class="description flex">
          <div class="left">实际支付：<input type="number" class="inpTxt" autocomplete="off" [(ngModel)]="realMoney" (input)="calc()"></div>
        </li>
        <li class="description">
          <div class="left">选择支付方式：</div>
          <div style="margin-top: 1em;">
            <!--<div class="yami-btn yami-btn-success" (click)="openQrCode('103')">支付宝</div>-->
            <!--<div class="yami-btn yami-btn-success" (click)="openQrCode('102')">微信</div>-->
            <!--<div class="yami-btn yami-btn-success" (click)="testPay2('')">现金</div>-->
            <div class="yami-btn yami-btn-success">支付宝</div>
            <div class="yami-btn yami-btn-success">微信</div>
            <!--<div class="yami-btn yami-btn-success">现金</div>-->
          </div>
        </li>
        <li class="description flex">
          <div class="left">特殊账单：</div>
        </li>
      </ul>
    </div>

    <!--扫码枪-->
    <div class="scan-box" style="display: none;">
      <br>
      <div style="text-align: center;"><h3>请扫描用户支付码收款...</h3></div>
      <input type="text" class="layui-input" style="opacity: 0.3;" id="payCodeFocus" placeholder="支付条形码号" #payCode (change)="testPay(payCode)">
      <br>
    </div>
  </div>

</div>
